{% extends "./default.html" %}
{% import "./public/adsPannel.html" as adsPannel %}
{% block content %}

<article>
    <div class="l_box f_l">

        <div class="banner swiper-container f_l" style="height: 300px;">
            <div class="swiper-wrapper">
                {% ads name="recommend" %}
                {% for item in recommend.items %}
                <div class="swiper-slide"><a href="{{item.link}}"><img src="{{item.sImg}}" alt="{{item.alt}}"
                            text="{{item.alt}}" /></a></div>
                {%endfor%}
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>


            <!-- Initialize Swiper -->
            <script>
                var swiper = new Swiper('.swiper-container', {
                    pagination: '.swiper-pagination',
                    nextButton: '.swiper-button-next',
                    prevButton: '.swiper-button-prev',
                    paginationClickable: true,
                    spaceBetween: 30,
                    centeredSlides: true,
                    autoplay: 2500,
                    autoplayDisableOnInteraction: false
                });
            </script>

        </div>
        <!--banner代码 结束 -->

        <div class="focustext f_r">
            {% news key="recnews",pageSize=2 %}
            {% for item in recnews %}
            <section class="ft01">
                <h3><a href="{{item.url}}" target="_blank">{{item.title}}</a></h3>
                <p>{{item.discription}}</p>
            </section>
            {% endfor %}
        </div>
        <div class="blank"></div>
        <div class="topnews">
            <h2><span>
                    {% hottags pageSize=3 %}
                    {% for tagItem in hottags %}
                    <a href="{{tagItem.url}}">{{tagItem.name}}</a>
                    {% endfor %}
                </span><b>文章</b>推荐</h2>
            {% include './public/itemListTemp.html' %}
        </div>
    </div>
    <div class="r_box f_r">
        {% include './public/sidebar.html' %}
    </div>
    <!--r_box end -->
</article>

{% endblock %}